<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>系统管理</title>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <script src="/scripts/vue.js"></script>
    <script src="/scripts//axios.min.js"></script>
    <script src="/scripts/heyui/heyui.js"></script>
    <link rel="stylesheet" href="/scripts/heyui/css/heyui.blue.theme.css">
    <link rel="stylesheet" href="/styles/index.css">
    <link rel="stylesheet" href="/styles/global.css">
    <script src="/scripts/lib.js"></script>
</head>

<body>
    <div id="app">
        <h-layout class="app-frame" :sider-collapsed="siderCollapsed">
            <!--菜单-->
            <h-sider>
                <div class="app-menu">
                    <div class="app-logo">
                        <span class="app-logo-icon"></span><span class="app-logo-text">后台管理</span>
                    </div>
                    <h-menu :datas="menus" class-name="h-menu-white" :inline-collapsed="siderCollapsed" accordion="true"
                        @click="trigger" ref='menu'></h-menu>
                    <div class="app-menu-mask" @click="hideMenu"></div>
                </div>
            </h-sider>

            <!--右边内容-->
            <h-layout header-fixed="true">
                <!--头部-->
                <h-header theme="white">
                    <div class="app-header">
                        <div style="width:50px;float:left;">
                            <h-button :icon="siderCollapsed ? 'h-icon-menu':'h-icon-menu'" size="l" no-border
                                class="font20" @click="onSiderMenu"></h-button>
                        </div>
                        <div class="float-right app-header-info">
                            <h-dropdownmenu class-name="app-header-dropdown" trigger="hover" offset="0,5" :width="150"
                                placement="bottom-end" :datas="infoMenu" @onclick="trigger">
                                <h-avatar :src="User.avatar" :width="30"><span>{{User.name}}</span></h-avatar>
                            </h-dropdownmenu>
                        </div>
                    </div>
                </h-header>
                <!-- <SysTabs homePage="Home"></SysTabs> -->
                <!--内容-->
                <h-content>
                    <div class="app-frame-content">
                        <iframe name="pages_iframe" src="/views/system/SysRoleList.html"></iframe>
                    </div>
                    <h-layout>
                        <appFooter></appFooter>
                    </h-layout>
                </h-content>
            </h-layout>
        </h-layout>

    </div>
</body>

</html>
<script src="/controller/index.js"></script>